ul ,li{list-style: none}
        a{color: #4c4c4c;}
        a:hover{text-decoration: none; color:#58BD5A}
       .detailbox{width:1100px; min-height:1480px; margin:0 auto;}
       form{display:inline-block;}

    .rightSide{width: 290px; /*height: 1640px;*/ float: right; margin-top: 20px;}
    .leftSide{width:760px; float: left;}
    .bookinfo{width: 760px; clear: both; }
    .booklink{z-index: 5;
        background: #fffffa;
        border-bottom: 1px solid #a6a6a4;
        width: 760px; height: 36px;}
    .link-item{    float: left;
        text-decoration: none;
        position: relative;
        top: 1px;
        width: 95px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 14px;
        color: #666;
        font-weight: 700;}
    .default{ border-bottom:3px solid #58BD5A;}
    .about{margin-top: 10px;}
    .info {
        position: relative;
        font-size: 14px;
        margin-bottom: 16px;
    }
    .title-icon{position: absolute;
        left: 0;
        top: 4px;
        display: block;
        height: 15px;
        width: 4px;
        background: #58BD5A;
        border-radius: 2px;
    }
    .title-txt{margin-left: 10px; color: #000;}

    .main{line-height: 24px;
    font-size: 14px;
    color: #333;
    word-wrap: break-word;
    word-break: break-all;}
    .bd{
        border-top: 1px solid #f5f2eb;
        margin-top: 10px;
        font-size: 14px;
        word-wrap: break-word;
        word-break: break-all;
    }
    .ml28{margin-left: 28px;}
    .ml7{ margin-left: 7px;}
    .bd li{height: 36px; line-height: 36px;
    color: #4c4c4c;
    vertical-align: middle;
    width: 50%;
    float: left;
    border-bottom: 1px solid #f5f2eb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
    .dir-tit{ height: 25px; border-bottom: 1px solid #a6a6a4; 
        color: #666; font-weight: 700;}
    .dir-name{   display: block;
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;}
    .level{width: 100%; position: relative;
        line-height: 36px;
        height: 36px;
    border-bottom: 1px solid #f5f2eb;}
    .score{width: 758px; height: 155px;
    border-bottom: 1px solid #f5f2eb;}
    .over-score{
        width: 300px;
        float: left;
        text-align: center;
        height: 140px;
        position: relative;
    }
    .site-score{
        float: left;
        height: 140px;
        position: relative;
        margin: 10px 0;
        font-size: 12px;
    }
    .in-over{vertical-align: middle;
        text-align: left;
        position: absolute;
        top: 58px;
        left: 0;}
    .in-tit{margin-right: 15px;
        font-size: 14px;
        color: #333;}
    .ic{display: inline-block;
        padding: 0;
        vertical-align: -2px;
        font-size: 0;
        line-height: 9999em;
        overflow: hidden;
        position: relative;
        width: 16px;
        height: 16px;}
    .star-on{background:url('/static/index/images/star.png') no-repeat 0px -41px}
    .star-half{background:url('/static/index/images/star.png') no-repeat 0px -62px}
    .star-on-s{background:url('/static/index/images/star.png') no-repeat -7px 2px}
    .star-off-s{background:url('/static/index/images/star.png') no-repeat -7px -25px}
    .in-score{color: #58bd5a;
        margin-left: 20px;
        font-family: 'Century Gothic';
        font-size: 22px;}
    .site-wp{height: 100%;
        width: 100%;
        display: table;
        position: relative}
    .item-star{margin-top: 5px;
        margin-bottom: 5px!important;
        margin-left: 110px;
        overflow: hidden;}
    .score-tit{margin-right: 10px; vertical-align: middle;}
    .scont{position: relative; top: 4px;}
    .score-num{font-size: 12px;
        color: #999;
        margin-left: 16px;
    }
    .comt-count{font-size: 14px; color: #666;}
    .comt-item{padding: 20px 0 10px;
        border-bottom: 1px solid #f5f2eb;
        font-size: 14px;
        position: relative;}
    .comt-icon{width: 45px;
        height: 45px;
        position: absolute;}
    .comt-icon > img {display: block;
        width: 45px;
        height: 45px;
        border: 0;
        border-radius: 50%;}
    .comt-info{font-size: 12px;
        margin-left: 64px;
        margin-bottom: 5px;
        position: relative;
        color: #999;}
    .comt-cont{line-height: 1.8;
        color: #333;
        font-size: 14px;
        margin-left: 64px;
        word-break: break-all;}
    .comt-comt{
        margin-top: 7px;
        text-align: right;
        font-size: 14px;
        position: relative;
        margin-left: 64px;
        zoom: 1;
    }
    .like-icon{display: inline-block; margin:0 3px 0 10px;
        width: 13px; height: 16px; vertical-align: -2px;
        background:url('/static/index/images/icon2.png') no-repeat -181px -212px}
    .like-icon:hover{background-position:-181px -232px}

    .hot-list{
        width: 280px;
        border: 1px solid #dedbd5;
        border-radius: 3px;
        padding: 10px 14px 0;
        margin-bottom: 10px;
    }
    .hot-tit{
        color: #333;
        font-size: 14px;
        position: relative;
        padding-bottom: 10px
    }
    .hot-item{height: 105px; width: 253px; padding: 10px 0 5px; position: relative; border-top: 1px solid #f5f2eb}
    .hot-item:first-of-type{border:0;}
    .hot-item img{width: 62px; height: 81px; 
        float: left; margin-right: 15px; 
        border-radius: 5px;
        box-shadow: 0 1px 3px 0 rgba(153,153,153,.6)}
    .item-name{line-height: 22px;
        font-size: 14px;
        color: #526652;
        max-height: 44px;
        overflow: hidden;}
    .item-author{display: block;
        margin-left: 78px;
        line-height: 18px;
        font-size: 12px;
        color: #999;}
    .item-p{color: #999; display: inline-block;
        position: absolute; bottom:15px;
        font-size: 12px;
        height: 18px;
        width: 176px;}
    .item-read{color: #b2b2b2; position: absolute; right: 15px;}
    .ad{width:280px; height:95px; margin-bottom: 11px; border-radius: 3px}


    .comt-reply{margin-top: 20px; display: none; position: relative;}
    .comt-icon-up{position: absolute;
        top: -15px;
        z-index: 5;
        left: 670px;
        height: 0;
        width: 0;
        overflow: hidden;
        font-size: 0;
        line-height: 0;
        border-color: transparent transparent #f7f7f0;
        border-style: dashed dashed solid;
        border-width: 8px;}
    .comt-reply-box{background-color: #f7f7f0;
        position: relative;
        padding: 22px 0 22px 26px;
        margin-left: 59px;
        border: 1px solid #dedbd5;
        }
    .reply{padding: 4px 8px;
        width: 535px;
        height: 30px;
        border: 1px solid #e5e5e5;
        background-color: #fff;}
    .reply-btn{padding: 6px 15px;
        height: 13px;
        color: #59af5d;
        border: 1px solid #59af5d;
        border-radius: 3px;
        margin-left: 12px;}
    .reply-item{margin-bottom: 24px; position: relative;}
    .reply-line{margin: 10px 20px 0 0px;
        height: 1px;
        background-color: #edeae4;
        font-size: 0;
        line-height: 0;
        overflow: hidden;}
    .mgl20{margin: 20px}
     .reply-btn:hover{text-decoration: none;
        background-color: #53b856;
        color: #fff;
        border: 1px solid #53b856;}

    .hidden-box{display: none;}
    .showbtn{float:right;display: inline-block; color: #526652; text-decoration: none;}
    .flr{float: right; margin-top: 16px; background:url('/static/index/images/icon2.png') no-repeat -185px -573px;
        width: 9px;
        height: 5px;
        margin-left: 5px;
        padding-bottom: 4px;}

    .no-text{margin-top: 50px;
    height: 75px;
    font-size: 18px;
    color: #ccc;
    text-align: center;}